$(async function () {

     // 检测用户是否登录
     async function checkLogin() {
         // 从本地缓存中获取token
         token = localStorage.getItem('token')
         if (!token) {
             $('#header ul').html(`<li><a class="register" href="/register.html">会员注册</a>/</li>
            <li><a class="login" href="#">登陆</a></li>`)
         } else {
             // 去验证token是否正确
             const username = await axios({
                 url: 'my/home/checkLogin',
                 method: 'POST',
                 headers: {
                     Authorization: token
                 }
             })
             // 更新头部的信息
             $('#header ul').html(`<li>欢迎${username}光临本站/</li><li><a class="logout" href="#">退出</a></li>`)
         }
     }

    // 获取新闻id
    const id = parseInt(location.search.split('=')[1])
    // 0.更新新闻的访问量
    await axios.put('api/home/news/' + id)
    // 1.获取该新闻的数据并渲染
    const data= await axios.get('api/home/news/'+id)
    const contentHtml = template('contentTpl', {
        row:data[0]
    })
    $('.article').html(contentHtml)
    // 2.获取分类数据
    const cates = await axios.get('api/home/cates')
    const catesHtml = template('catesTpl', {
        cates,
        cate_id:data[0].cateId
    })
    $('#nav ul').html(catesHtml)

    // 3. 获取评论列表数据

    getComments()
    async function getComments(){
          const comments = await axios.get('my/home/comments', {
              params: {
                  news_id: id
              }
          })
          const commentsHtml = template('commentsTpl', {
              comments
          })
          $('.comment-list').html(commentsHtml)
    }

   

    // 4.发表评论
    $('.fb').click(function(){
         // 判断有没有登录
        token = localStorage.getItem('token')
        layui.use('layer', async function () {
            const layer = layui.layer
             // 获取发表的内容
             const content = $('#fb-content').val().trim()
             if (content.length === 0) {
                 return layer.msg('评论内容不能为空')
             }
             
             if(!token){
                  layer.open({
                      type: 2,
                      title: '登录',
                      content: ['/login.html', 'no'],
                      area: ['550px', '300px'],
                      end: function () {
                          console.log(111);
                          checkLogin()
                      }
                  })
             }else{
                   // 发表评论
                   const news_id =id
                   const row= await axios({
                       url:'my/home/addComments',
                       method:'POST',
                       headers: {
                           Authorization:token
                       },
                       data:{news_id,content}
                   })
                   // 清空输入评论信息
                    $('#fb-content').val('')
                   // 追加到列表的最前面
                  /*  $('.comment-list').prepend(`<li>
                    <p><span>${row.nickname}</span> <span>${row.add_time|dateFormat}</span></p>
                    <p>${row.content}</p>
                    </li>`); */
                    getComments()
             }
        })
    })
    

})